<template>
	<view :class="'border-box rounded-full' + (extraClass || '')" 
		:style="{width: diameter + 'px',height: diameter + 'px',borderWidth: size + 'px',borderColor: color,borderStyle: 'solid'}">
	</view>
</template>

<script>
	import SlColor from "@/sl-uni-sdk/style/color.js";
	export default {
		props: {
			extraClass: String,
			diameter: {default: uni.upx2px(24),type: Number},
			size: {default: uni.upx2px(6),type: Number},
			color: {default: SlColor.onlineColor,type: String}
		}
	}
</script>
